// 文章详情页-detai.html js处理文件

// 获取文章id
let id = getUrlParam('id');
// 网站配置
let settings = null;

// 根据文章id获取文章详情
$.ajax({
    type: 'get',
    url: '/posts/' + id,
    success: res => {
        // 渲染文章详情
        let html = template('tpl-article', { article: res });
        $('#article').html(html);
    },
    error: err => console.log('获取文章信息失败！')
});

// 获取网站设置
$.ajax({
    type: 'get',
    url: '/settings',
    success: res => {
        settings = res;
        // 如果用户未登录，渲染登录链接
        if (!isLogin) $('#commentBox').html('<a href="../login.html">登录</a>');
        // 若网站允许用户评论，则渲染评论表单
        else if (res.comment) {
            let html = template('tpl-comment', {});
            $('#commentBox').html(html);
        }
    },
    error: err => console.log('获取网站配置失败！')
});

// 评论表单提交事件
$('#commentBox').on('submit', 'form', function () {
    // 获取评论内容
    let comment = $(this).find('textarea').val().trim();
    if (!comment) alert('请输入评论内容');
    else {
        // 拼接参数
        let params = {};
        params.content = comment;
        params.post = id;
        params.state = settings.review ? 0 : 1;
        console.log(params);
        // 发送添加评论请求
        $.ajax({
            type: 'post',
            url: '/comments',
            data: params,
            success: res => location.reload(),
            error: err => alert(JSON.parse(err.responseText).message)
        });
    }

    // 阻止表单提交
    return false;
});


